@charset "utf-8";
/* CSS Document */
*{transition-property: all;-ms-transition-property:all;-moz-transition-property:all; -webkit-transition-property:all; -o-transition-property:all;}
html,body{font-size:14px;width:100%;clear:both;margin:0px;padding:0px;font-family:"Microsoft YaHei" ,Helvetica Neue,Tahoma,Arial,"微软雅黑","宋体","黑体";}
body{overflow:hidden;}
img{border:0px;}
ul,li,p{margin:0px;padding:0px;}
a{text-decoration:none; background-color:transparent;}
a:active,a:hover{ outline:0;}
a,button,textarea,select{ -webkit-appearance:none; -webkit-tap-highlight-color:rgba(255,0,0,0);}
ul,li{list-style-type:none;}
i,em{font-style:normal}
h1,h2,h3,h4,h5,h6{ margin:0; padding:0;}
input,button,select,textarea{ outline:none;}
textarea{resize:none;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"] {-webkit-appearance:none;padding:0;margin:0;font-weight:normal;}


/**回到顶部**/
#back-to-top{ position:fixed;bottom:100px;right:60px; z-index:9;}
#back-to-top a{text-align:center; text-decoration:none; display:block;}
#back-to-top a span{ display:block;height:50px;width:50px;background-image:url(../cn/images/arrow-up.png); background-size:cover; margin-bottom:5px;-moz-transition:background 0.001s;-webkit-transition:background 0.001s;-o-transition:background 0.001s;}
#back-to-top a:hover span{background-image:url(../cn/images/arrow-up1.png);}
/****头部****/
.header{ width:100%; background:#fff; float:left; position:fixed; top:0; left:0; z-index:999; box-shadow:0 3px 3px rgba(0,0,0,0.1);}
.header::after{content:"020"; display:block; height:0; clear:both; visibility:hidden;}
.h_con{ width:100%; margin:0 auto; height:100px;}
.header .h_logo{ width:288px; float:left;}
.header .h_logo img{ width:100%;}
.header .h_menu{ float:left; margin-left:5%;}

#cssmenu,#cssmenu ul,#cssmenu ul li,#cssmenu ul li a,#cssmenu #menu-button{margin:0;padding:0;border:0;list-style:none;line-height:1;display:block;position: relative;-webkit-box-sizing:border-box; -moz-box-sizing:border-box;box-sizing:border-box; outline:0; -webkit-tap-highlight-color:transparent;}
#cssmenu #menu-button:active,#cssmenu #menu-button:hover{outline:0;}
#cssmenu:after,#cssmenu > ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;}
#cssmenu #menu-button{display:none;}
#cssmenu{width:100%;background:#fff;}
#menu-line{position:absolute;bottom:0;left:0;height:3px;background:#f00;-webkit-transition:all 0.25s ease-out;-moz-transition:all 0.25s ease-out;-ms-transition:all 0.25s ease-out;-o-transition:all 0.25s ease-out;transition:all 0.25s ease-out;}
#cssmenu > ul > li{float:left;}
#cssmenu.align-center > ul{font-size:0;text-align:center;}
#cssmenu.align-center > ul > li{display:inline-block;float:none;}
#cssmenu.align-center ul ul{text-align:left;}
#cssmenu.align-right > ul > li{float:right;}
#cssmenu.align-right ul ul {text-align:right;}
#cssmenu > ul > li > a{ height:100px; line-height:100px; padding:0 20px;font-size:16px;text-decoration:none;text-transform:uppercase;color:#000;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease;}
#cssmenu > ul > li:hover > a,#cssmenu > ul > li.active > a{color:#f00;}
#cssmenu > ul > li.has-sub > a{padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after{position:absolute; top:46px; right:10px;width:4px;height:4px;border-bottom:1px solid #000; border-right:1px solid #000;content: "";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform: rotate(45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition: border-color 0.2s ease;transition: border-color 0.2s ease;}
#cssmenu > ul > li.has-sub:hover > a::after{border-color:#f00;}
#cssmenu ul ul{position:absolute;left:-9999px; width:100%;}
#cssmenu li:hover > ul{left:auto;}
#cssmenu.align-right li:hover > ul{right:0;}
#cssmenu ul ul ul{margin-left:100%;top:0;}
#cssmenu.align-right ul ul ul{margin-left:0; margin-right:100%;}
#cssmenu ul ul li{height: 0; -webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;}
#cssmenu ul li:hover > ul > li{height:32px; width:100%;}
#cssmenu ul ul li a{ width:100%; padding:10px 10px; text-align:center; font-size:14px;background:#fff;text-decoration:none;color:#333;-webkit-transition: color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition: color .2s ease;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#f00;}
#cssmenu ul ul li.has-sub > a::after{position: absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform: rotate(-45deg);-webkit-transition:border-color 0.2s ease;-moz-transition:border-color 0.2s ease;-ms-transition:border-color 0.2s ease;-o-transition:border-color 0.2s ease;transition:border-color 0.2s ease;}
#cssmenu.align-right ul ul li.has-sub > a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #dddddd;border-left:1px solid #dddddd;}
#cssmenu ul ul li.has-sub:hover > a::after{border-color:#f00;}
#cssmenu ul li.has_cn{ float:left; display:none; }
#cssmenu ul li.has_cn span{height:25px;width:25px; float:left;background-image:url(../cn/images/a_icon03.png); background-size:contain;}
#cssmenu ul li.has_en{ float:left; display:none; }
#cssmenu ul li.has_en span{height:25px;width:25px; float:left;background-image:url(../cn/images/a_icon04.png); background-size:contain;}
/**反馈、语音切换**/
.h_febk{ float:right; margin:37px 1% 37px 0; line-height:25px; /*width:225px;*/ width:70px;}
.h_febk .h_tick{ float:left; font-size:14px; color:#888; margin:0 2%; display:none;}
.h_febk .h_tick span{display:inline-block;height:25px;width:20px; float:left; background-image:url(../cn/images/a_icon01.png); background-size:contain; background-position:center; background-repeat:no-repeat; margin:0 5px 0 0;}
.h_febk .h_bad{ float:left; font-size:14px; color:#888; margin:0 2%; display:none;}
.h_febk .h_bad span{display:inline-block;height:25px;width:20px; float:left;background-image:url(../cn/images/a_icon02.png); background-size:contain;background-position:center; background-repeat:no-repeat;}
.h_febk .h_en{display:inline-block;height:25px;width:25px; float:left;background-image:url(../cn/images/a_icon03.png); background-size:contain; margin:0 5px;}
.h_febk .h_cn{display:inline-block;height:25px;width:25px; float:left;background-image:url(../cn/images/a_icon04.png); background-size:contain;}

/****尾部****/
.footer{width:100%; height:450px; background-image:url(../cn/images/f_img.jpg); float:left; background-size:cover; background-position:top center; background-repeat:no-repeat; margin-top:-5px; overflow:hidden; }
.footer::after{content:"020"; display:block; clear:both; visibility:hidden;}
.f_con{ max-width:1200px; margin:100px auto;}
.f_con .f_tit{ width:100%; float:left; font-size:36px; color:#fff; text-align:center;}
.f_con .f_info{ width:100%; float:left;}
.f_con .f_info li{ width:100%; float:left; text-align:center; color:#fff; font-size:16px; margin-top:10px; }
.f_con .f_logo{ width:100%; height:60px; background-image:url(../cn/images/f_logo.png); float:left; background-size:contain; background-position:center center; background-repeat:no-repeat; margin:10px 0 0 0;}

@media (max-width: 479px) {
/**返回顶部**/	
#back-to-top{position:fixed;bottom:60px;right:10px;}
#back-to-top a span{ height:40px;width:40px;}

/****头部****/
.header{ width:100%; background:#fff; height:50px; position:fixed; z-index:999;}
.h_con{ width:100%; margin:0 auto; height:50px;}
.header .h_logo{ width:170px; float:left; margin:4px 0 4px 2%;}
.header .h_menu{ width:20%; height:100%; float:right; margin-left:0px; padding:0 10px; box-sizing:border-box;}
#cssmenu{width:100%; height:100%; background-color:rgba(255,255,255,0.8);float:right;}
#cssmenu ul.h_sub{ width:50%; height:100%; background-color:#fff; display:none; position:fixed; right:0; padding:0 2%; box-sizing:border-box; -webkit-transition-property:width,height,-webkit-transform; -o-transition-property:width,height,-o-transform; -moz-transition-property:width,height,-moz-transform;transition-property:width,height,transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li{width:100%; border-top:1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul ul{ width:100%; padding:0 20px; box-sizing:border-box;}
#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px dashed rgba(120, 120, 120, 0.15);}
#cssmenu ul li a{width:100%; height:45px; line-height:45px; text-align:center;}
#cssmenu ul ul li a{width:100%;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:0px;font-size:14px;color:#666;background:none;}
#cssmenu > ul > li > a{ padding:0;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#cssmenu > ul > li.has-sub > a{ padding-right:0;}
#menu-line{display:none;}
#cssmenu #menu-button{display:block; height:50px; color:#000; cursor:pointer; font-size:14px; text-transform:uppercase;}
#cssmenu #menu-button::after{content:''; position:absolute; top:17px; right:10px; display:block; width:25px; height:2px; background-color:#000;}
#cssmenu #menu-button::before{content:''; position:absolute; top:25px; right:10px; display:block; width:25px; height:6px; border-top:2px solid #000;border-bottom:2px solid #000;}
#cssmenu #menu-button.menu-opened:after{content:''; position:absolute; top:25px; right:10px; display:block; width:25px; height:2px; background-color:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);-webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu #menu-button.menu-opened:before{content: ''; position:absolute; top:25px; right:10px; display:block; width:25px; height:2px; border-top:2px solid #000; border-bottom:2px solid #000; border:none; background-color:#000; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu .submenu-button{position:absolute; z-index:10; right:0; top:0; display:block; height:45px; width:100%; cursor:pointer; }
#cssmenu .submenu-button::after{content:''; position:absolute; top:18px; right:26px; width:8px; height:8px; border-bottom:1px solid #333; border-right:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button::before{content:''; position:absolute; right:26px; top:23px; width:8px; height:8px; border-top:1px solid #333; border-left:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button.submenu-opened:after{display:none;}
#cssmenu .submenu-button.submenu-opened:before{display:block;}
#cssmenu .submenu-button:before{display:none;}
#cssmenu ul li.has_cn,#cssmenu ul li.has_en{ display:block;}
#cssmenu ul li.has_cn a,#cssmenu ul li.has_en a{ text-align:left;}
#cssmenu ul li.has_cn span{ margin:10px 2% 10px 31%;}
#cssmenu ul li.has_en span{ margin:10px 2% 10px 31%;}
/**反馈、语音切换**/
.h_febk{ float:left; margin:15px 0 15px 2%;display:none;}
.h_febk .h_en{ margin:0 15px 0 0;display:none;}

/****尾部****/
.footer{width:100%; height:250px; }
.f_con{ margin:30px auto;}
.f_con .f_tit{ font-size:18px; }
.f_con .f_info li{ font-size:12px; margin-top:10px; }
.f_con .f_logo{ height:50px; margin:10px 0 0 0;}


}

@media (min-width: 480px) and (max-width: 639px) {
/**返回顶部**/	
#back-to-top{position:fixed;bottom:60px;right:10px;}	
#back-to-top a span{ height:40px;width:40px;}

/****头部****/
.header{ width:100%; background:#fff; height:60px; position:fixed; z-index:99;}
.h_con{ width:100%; margin:0 auto; height:60px;}
.header .h_logo{ width:200px; float:left; margin:5px 0 5px 2%;}
.header .h_menu{ width:20%; height:100%; float:right; margin-left:0px; padding:0 10px; box-sizing:border-box;}
#cssmenu{width:100%; height:100%; background-color:#fff;float:right;}
#cssmenu ul.h_sub{ width:50%; height:100%; background-color:rgba(255,255,255,0.9); display:none; position:fixed; right:0; padding:0 2%; box-sizing:border-box; -webkit-transition-property:width,height,-webkit-transform; -o-transition-property:width,height,-o-transform; -moz-transition-property:width,height,-moz-transform;transition-property:width,height,transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li{width:100%; border-top:1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul ul{ width:100%; padding:0 20px; box-sizing:border-box;}
#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px dashed rgba(120, 120, 120, 0.15);}
#cssmenu ul li a{width:100%; height:45px; line-height:45px; text-align:center;}
#cssmenu ul ul li a{width:100%;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:0px;font-size:14px;color:#666;background:none;}
#cssmenu > ul > li > a{ padding:0;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#cssmenu > ul > li.has-sub > a{ padding-right:0;}
#menu-line{display:none;}
#cssmenu #menu-button{display:block; height:60px; color:#000; cursor:pointer; font-size:14px; text-transform:uppercase;}
#cssmenu #menu-button::after{content:''; position:absolute; top:20px; right:10px; display:block; width:25px; height:2px; background-color:#000;}
#cssmenu #menu-button::before{content:''; position:absolute; top:28px; right:10px; display:block; width:25px; height:6px; border-top:2px solid #000;border-bottom:2px solid #000;}
#cssmenu #menu-button.menu-opened:after{content:''; position:absolute; top:28px; right:20px; display:block; width:25px; height:2px; background-color:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);-webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu #menu-button.menu-opened:before{content: ''; position:absolute; top:28px; right:20px; display:block; width:25px; height:2px; border-top:2px solid #000; border-bottom:2px solid #000; border:none; background-color:#000; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu .submenu-button{position:absolute; z-index:10; right:0; top:0; display:block; height:45px; width:100%; cursor:pointer; }
#cssmenu .submenu-button::after{content:''; position:absolute; top:18px; right:26px; width:8px; height:8px; border-bottom:1px solid #333; border-right:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button::before{content:''; position:absolute; right:26px; top:23px; width:8px; height:8px; border-top:1px solid #333; border-left:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button.submenu-opened:after{display:none;}
#cssmenu .submenu-button.submenu-opened:before{display:block;}
#cssmenu .submenu-button:before{display:none;}
#cssmenu ul li.has_cn,#cssmenu ul li.has_en{ display:block;}
#cssmenu ul li.has_cn a,#cssmenu ul li.has_en a{ text-align:left;}
#cssmenu ul li.has_cn span{ margin:10px 2% 10px 37%;}
#cssmenu ul li.has_en span{ margin:10px 2% 10px 37%;}
/**反馈、语音切换**/
.h_febk{ float:left; margin:17px 0 17px 2%; display:none;}
.h_febk .h_en{ margin:0 15px 0 0;display:none;}


/****尾部****/
.footer{width:100%; height:300px; }
.f_con{ margin:40px auto;}
.f_con .f_tit{ font-size:22px; }
.f_con .f_info li{ font-size:14px; margin-top:10px; }
.f_con .f_logo{ height:55px; margin:10px 0 0 0;}




}
@media (min-width: 640px) and (max-width:1023px ) {
/**返回顶部**/	
#back-to-top{position:fixed;bottom:80px;right:20px;}

/****头部****/
.header{ width:100%; background:#fff; height:70px; position:fixed; z-index:9999; box-shadow:0 3px 3px rgba(0,0,0,0.1);}
.h_con{ width:100%; margin:0 auto; height:70px;}
.header .h_logo{ width:238px; float:left; margin:5px 0 5px 1%;}
.h_con .h_menu{ width:20%; height:100%; background-color:#fff; float:right; margin-left:0px; box-sizing:border-box;}

#cssmenu{width:100%; height:100%; background-color:rgba(255,255,255,0.9);float:right;}
#cssmenu ul.h_sub{ width:50%; height:100%; background-color:#fff; display:none; position:fixed; right:0; padding:0 2%; box-sizing:border-box; -webkit-transition-property:width,height,-webkit-transform; -o-transition-property:width,height,-o-transform; -moz-transition-property:width,height,-moz-transform;transition-property:width,height,transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu.align-center > ul,#cssmenu.align-right ul ul{text-align:left;}
#cssmenu ul li{width:100%;border-top:1px solid rgba(120, 120, 120, 0.15);}
#cssmenu ul ul{ width:100%; padding:0 20px; box-sizing:border-box;}
#cssmenu ul ul li,#cssmenu ul li:hover > ul > li{width:100%;height:auto;border-top:1px dashed rgba(120, 120, 120, 0.15);}
#cssmenu ul li a{width:100%; height:45px; line-height:45px; text-align:center;}
#cssmenu ul ul li a{width:100%;}
#cssmenu > ul > li,#cssmenu.align-center > ul > li,#cssmenu.align-right > ul > li{float:none;display:block;}
#cssmenu ul ul li a{padding:0px;font-size:14px;color:#666;background:none;}
#cssmenu > ul > li > a{ padding:0;}
#cssmenu ul ul li:hover > a,#cssmenu ul ul li a:hover{color:#000;}
#cssmenu ul ul ul li a{padding-left:40px;}
#cssmenu ul ul,#cssmenu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0;}
#cssmenu > ul > li.has-sub > a::after,#cssmenu ul ul li.has-sub > a::after{display:none;}
#cssmenu > ul > li.has-sub > a{ padding-right:0;}
#menu-line{display:none;}
#cssmenu #menu-button{display:block; height:70px; color:#000; cursor:pointer; font-size:14px; text-transform:uppercase;}
#cssmenu #menu-button::after{content:''; position:absolute; top:26px; right:20px; display:block; width:25px; height:2px; background-color:#000;}
#cssmenu #menu-button::before{content:''; position:absolute; top:34px; right:20px; display:block; width:25px; height:6px; border-top:2px solid #000;border-bottom:2px solid #000;}
#cssmenu #menu-button.menu-opened:after{content:''; position:absolute; top:30px; right:20px; display:block; width:25px; height:2px; background-color:#000;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);-webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu #menu-button.menu-opened:before{content: ''; position:absolute; top:30px; right:20px; display:block; width:25px; height:2px; border-top:2px solid #000; border-bottom:2px solid #000; border:none; background-color:#000; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg); -webkit-transition-property:background-color, -webkit-transform; -o-transition-property:background-color, -o-transform; transition-property:background-color, transform; -moz-transition-property:background-color, -moz-transform; -webkit-transition-duration:300ms; -o-transition-duration:300ms; -moz-transition-duration:300ms; transition-duration:300ms;}
#cssmenu .submenu-button{position:absolute; z-index:10; right:0; top:0; display:block; height:45px; width:100%; cursor:pointer; }
#cssmenu .submenu-button::after{content:''; position:absolute; top:18px; right:26px; width:8px; height:8px; border-bottom:1px solid #333; border-right:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition: border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button::before{content:''; position:absolute; right:26px; top:23px; width:8px; height:8px; border-top:1px solid #333; border-left:1px solid #333; z-index:99; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); -webkit-transition:border-color 0.2s ease; -moz-transition:border-color 0.2s ease; -ms-transition:border-color 0.2s ease; -o-transition:border-color 0.2s ease; transition:border-color 0.2s ease;}
#cssmenu .submenu-button.submenu-opened:after{display:none;}
#cssmenu .submenu-button.submenu-opened:before{display:block;}
#cssmenu .submenu-button:before{display:none;}
#cssmenu ul li.has_cn,#cssmenu ul li.has_en{ display:block;}
#cssmenu ul li.has_cn a,#cssmenu ul li.has_en a{ text-align:left;}
#cssmenu ul li.has_cn span{ margin:10px 2% 10px 40%;}
#cssmenu ul li.has_en span{ margin:10px 2% 10px 40%;}
/**反馈、语音切换**/
.h_febk{ float:left; margin:15px 0 15px 2%;display:none;}
.h_febk .h_en{ margin:0 15px 0 0;display:none;}


/****尾部****/
.footer{width:100%; height:350px; }
.f_con{ margin:40px auto;}
.f_con .f_tit{ font-size:26px; }
.f_con .f_info li{ font-size:15px; margin-top:10px; }
.f_con .f_logo{ height:55px; margin:10px 0 0 0;}

}


@media (min-width: 1024px) and (max-width:1199px ) {
/****头部****/
.header{ width:100%;}
.h_con{ width:100%; margin:0 auto; height:80px;}
.header .h_logo{ width:260px; margin:8px 1% 8px 0;}
/**菜单**/
.header .h_menu{ float:left; margin-left:2%;}
#cssmenu > ul > li > a{ height:80px; line-height:80px; padding:0 15px; font-size:14px;}
#cssmenu > ul > li.has-sub > a{padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after{ top:38px; right:10px; width:4px;height:4px;}
#cssmenu ul ul li a{ width:100%; padding:10px 10px; text-align:center; font-size:12px;}
#cssmenu ul ul li.has-sub > a::after{top:13px;right:10px;width:4px;height:4px;}
/**反馈、语音切换**/
.h_febk{ margin:15px 0.5% 15px 0; width:35px;}
.h_febk .h_tick{font-size:14px; margin:0 2%; display:none;}
.h_febk .h_tick span{ margin:0 5px 0 0;}
.h_febk .h_bad{ font-size:14px; margin:0 2%; display:none;}
.h_febk .h_bad span{}
.h_febk .h_en{ margin:0 5px;}
.h_febk .h_cn{ margin:0 5px;}

/****尾部****/
.footer{width:100%; height:380px; }
.f_con{ margin:70px auto;}
.f_con .f_tit{ font-size:30px; }
.f_con .f_info li{ font-size:16px; margin-top:10px; }
.f_con .f_logo{ height:60px; margin:10px 0 0 0;}

}


@media (min-width: 1200px) and (max-width:1439px ){
/****头部****/
.header{ width:100%;}
.h_con{ width:100%; margin:0 auto; height:90px;}
.header .h_logo{ width:300px; margin:8px 1%;}
/**菜单**/
.header .h_menu{ float:left; margin-left:3%;}
#cssmenu > ul > li > a{ height:90px; line-height:90px; padding:0 15px;font-size:15px;}
#cssmenu > ul > li.has-sub > a{padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after{ top:42px; right:10px; width:4px;height:4px;}
#cssmenu ul ul li a{ width:100%; padding:10px 10px; text-align:center; font-size:13px;}
#cssmenu ul ul li.has-sub > a::after{top:13px;right:10px;width:4px;height:4px;}
/**反馈、语音切换**/
.h_febk{ margin:32px 0.5% 32px 0; width:70px;}
.h_febk .h_tick{font-size:14px; margin:0 2%;}
.h_febk .h_tick span{ margin:0 5px 0 0;}
.h_febk .h_bad{ font-size:14px; margin:0 2%;}
.h_febk .h_bad span{}
.h_febk .h_en{ margin:0 5px;}
.h_febk .h_cn{}

/****尾部****/
.footer{width:100%; height:400px; }
.f_con{ margin:80px auto;}
.f_con .f_tit{ font-size:32px; }
.f_con .f_info li{ font-size:16px; margin-top:10px; }
.f_con .f_logo{ height:60px; margin:10px 0 0 0;}



}

@media (min-width: 1440px) and (max-width:1920px ){
/****头部****/
.header{ width:100%;}
.h_con{ width:100%; margin:0 auto; height:100px;}
.header .h_logo{ width:300px; margin:13px 1%;}
/**菜单**/
.header .h_menu{ float:left; margin-left:5%;}
#cssmenu > ul > li > a{ height:100px; line-height:100px; padding:0 20px;font-size:16px;}
#cssmenu > ul > li.has-sub > a{padding-right:25px;}
#cssmenu > ul > li.has-sub > a::after{ top:46px; right:10px; width:4px;height:4px;}
#cssmenu ul ul li a{ width:100%; padding:10px 10px; text-align:center; font-size:14px;}
#cssmenu ul ul li.has-sub > a::after{top:13px;right:10px;width:4px;height:4px;}

/**反馈、语音切换**/
.h_febk{ margin:37px 1% 37px 0; width:70px;}
.h_febk .h_tick{font-size:14px; margin:0 2%;}
.h_febk .h_tick span{ margin:0 5px 0 0;}
.h_febk .h_bad{ font-size:14px; margin:0 2%;}
.h_febk .h_bad span{}
.h_febk .h_en{ margin:0 5px;}
.h_febk .h_cn{}


/****尾部****/
.footer{width:100%; height:450px; }
.f_con{ margin:100px auto;}
.f_con .f_tit{ font-size:32px; }
.f_con .f_info li{ font-size:16px; margin-top:10px; }
.f_con .f_logo{ height:60px; margin:10px 0 0 0;}

}


@media screen and ( max-width:320px){
.paginator{padding:10px 0;}
}

@media screen and (min-width:640px) and ( max-width:720px){
.paginator{padding:10px 0;}
}

/*淘宝风格*/
.paginator{font:12px Arial,Helvetica,sans-serif; padding:10px 5px 10px 0; margin:0px auto; box-sizing:border-box;}
.paginator a{border:solid 1px #ccc;color:#b8b8b8;cursor:pointer;text-decoration:none;}
.paginator a:visited{padding:1px 6px; border:solid 1px #ddd; background:#fff; text-decoration:none;}
.paginator .cpb{border:1px solid #b2b2b2;font-weight:700;color:#fff;background-color:#c5c5c5;}
.paginator a:hover{border:solid 1px #F50;color:#f60;text-decoration:none;}
.paginator a,.paginator a:visited,.paginator .cpb,.paginator a:hover{float:left;height:20px;line-height:20px;min-width:17px;_width:17px;margin-right:5px;text-align:center;white-space:nowrap;font-size:12px;font-family:Arial,SimSun;padding:0 3px;}